<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>我要点餐主界面</title>
		<script type="text/javascript" src="/resources/js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="/resources/js/commons.js"></script>

		<link rel="stylesheet" type="text/css" href="/resources/macbook/css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="/resources/macbook/fonts/font-awesome-4.2.0/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="/resources/macbook/css/demo.css" />
		<link rel="stylesheet" type="text/css" href="/resources/macbook/css/checkout-sidebar.css" />

		<!-- flycart start -->

		<link rel="stylesheet" type="text/css" href="/resources/css/flycart.css" />
		<script type="text/javascript" src="/resources/js/jquery-1.11.3.min.js"></script>
		<script src="/resources/flycart/jquery.fly.min.js"></script>
		<script src="/resources/js/flycart.js"></script>
		<!--[if lte IE 9]>
		<script src="/resources/flycart/requestAnimationFrame.js"></script>
		<![endif]-->

		<!-- flycart end -->

	</head>
	<body class="color-2">
		<div class="container">
			<section class="content">
				<div class="dummy-browser">
					<div class="dummy-grid dummy-grid--filled dummy-grid--sidebar">
						<div class="dummy-sidebar">

							<!-- 购物车 start -->
							<div class="checkout checkout--active">
								<a id="end" class="checkout__button" href="#">我的餐桌</a>
								<div class="checkout__order">
									<div class="checkout__order-inner">
										<table class="checkout__summary">
											<thead>
										        <tr style="text-align: center">
													<th>菜品/套餐</th>
													<th style="min-width: 52px;">数 量</th>
													<th style="min-width: 52px;">价 格</th>
													<th style="min-width: 52px;text-align: center;">操 作</th>
												</tr>
										    </thead>
										    <tbody>
												<tr>
													<td><span><b>冰辣口水鸡</b></span></td>
													<td style="text-align: center;">
														<input name="num" type="text" value="1" style="width: 30px;" />份
													</td>
													<td>￥69.90</td>
													<td style="text-align: center; padding-left: 4px;"><img src="/resources/css/img/error.png"/></td>
												</tr>
												<tr>
													<td><span><b>川香酸菜鱼</b></span></td>
													<td style="text-align: center;">
														<input name="num" type="text" value="1" style="width: 30px;" />份
													</td>
													<td>￥79.90</td>
													<td style="text-align: center; padding-left: 4px;"><img src="/resources/css/img/error.png"/></td>
												</tr>
												<tr>
													<td><span><b>重庆鸡公煲</b></span></td>
													<td style="text-align: center;">
														<input name="num" type="text" value="1" style="width: 30px;" />份
													</td>
													<td>￥99.90</td>
													<td style="text-align: center; padding-left: 4px;"><img src="/resources/css/img/error.png"/></td>
												</tr>

												<tr>
													<td><span><b>鱼香茄子</b></span></td>
													<td style="text-align: center;">
														<input name="num" type="text" value="1" style="width: 30px;" />份
													</td>
													<td>￥29.90</td>
													<td style="text-align: center; padding-left: 4px;"><img src="/resources/css/img/error.png"/></td>
												</tr>
												<tr>
													<td><span><b>朝鲜大冷面</b></span></td>
													<td style="text-align: center;">
														<input name="num" type="text" value="1" style="width: 30px;" />份
													</td>
													<td>￥19.90</td>
													<td style="text-align: center; padding-left: 4px;"><img src="/resources/css/img/error.png"/></td>
												</tr>
												<tr>
													<td><span><b>酸辣柠檬鸭</b></span></td>
													<td style="text-align: center;">
														<input name="num" type="text" value="1" style="width: 30px;" />份
													</td>
													<td>￥79.90</td>
													<td style="text-align: center; padding-left: 4px;"><img src="/resources/css/img/error.png"/></td>
												</tr>

												<tr>
													<td><span><b>牛腩煲</b></span></td>
													<td style="text-align: center;">
														<input name="num" type="text" value="1" style="width: 30px;" />份
													</td>
													<td>￥79.90</td>
													<td style="text-align: center; padding-left: 4px;"><img src="/resources/css/img/error.png"/></td>
												</tr>
												<tr>
													<td><span><b>烤韭菜（一手）</b></span></td>
													<td style="text-align: center;">
														<input name="num" type="text" value="2" style="width: 30px;" />份
													</td>
													<td>￥9.80</td>
													<td style="text-align: center; padding-left: 4px;"><img src="/resources/css/img/error.png"/></td>
												</tr>
												<tr>
													<td><span><b>烤牛肉串（一手）</b></span></td>
													<td style="text-align: center;">
														<input name="num" type="text" value="2" style="width: 30px;" />份
													</td>
													<td>￥19.80</td>
													<td style="text-align: center; padding-left: 4px;"><img src="/resources/css/img/error.png"/></td>
												</tr>
											</tbody>
											<tfoot>
												<tr>
													<th colspan="4">总价 <span class="checkout__total">￥498.90</span></th>
												</tr>
											</tfoot>
										</table><!-- /checkout__summary -->
<%--										<button class="checkout__option checkout__option--silent checkout__cancel"><i class="fa fa-angle-left"></i> 继续点餐</button>--%>
										<button class="checkout__option checkout__option--loud">我要下单</button>
									</div><!-- /checkout__order-inner -->
								</div><!-- /checkout__order -->
							</div><!-- /checkout -->
							<!-- 购物车 end -->

							<!-- 广告位 start -->
							<div class="dummy-sidebar__item"><center>此处应有广告</center></div>
							<div class="dummy-sidebar__item"><center>此处应有广告</center></div>
							<div class="dummy-sidebar__item"><center>此处应有广告</center></div>
							<div class="dummy-sidebar__item"><center>此处应有广告</center></div>
							<div class="dummy-sidebar__item"><center>此处应有广告</center></div>
							<div class="dummy-sidebar__item"><center>此处应有广告</center></div>
							<div class="dummy-sidebar__item"><center>此处应有广告</center></div>
							<div class="dummy-sidebar__item"><center>此处应有广告</center></div>
							<div class="dummy-sidebar__overlay"></div>
							<!-- 广告位 end -->
						</div>

						<!-- 点菜单 start -->
						<div id="show_dishes_list">
							<div class="cell">
								<div class="box">
									<img src="/resources/flycart/images/scy.jpg" class="img" width="200" height="200">
									<span>川香酸菜鱼</span><span>¥79.90</span>
									<a href="#" class="button orange addcar">加入餐桌</a>
								</div>
							</div>
							<div class="cell">
								<div class="box">
									<img src="/resources/flycart/images/jgb.jpg" class="img" width="200" height="200">
									<span>重庆鸡公煲</span><span>¥99.90</span>
									<a href="#" class="button orange addcar">加入餐桌</a>
								</div>
							</div>
							<div class="cell">
								<div class="box">
									<img src="/resources/flycart/images/ksj.jpg" class="img" width="200" height="200">
									<span>冰辣口水鸡</span><span>¥69.90</span>
									<a href="#" class="button orange addcar">加入餐桌</a>
								</div>
							</div>

							<div class="cell">
								<div class="box">
									<img src="/resources/flycart/images/nmy.jpg" class="img" width="200" height="200">
									<span>酸辣柠檬鸭</span><span>¥79.90</span>
									<a href="#" class="button orange addcar">加入餐桌</a>
								</div>
							</div>
							<div class="cell">
								<div class="box">
									<img src="/resources/flycart/images/yxqz.jpg" class="img" width="200" height="200">
									<span>鱼香茄子</span><span>¥29.90</span>
									<a href="#" class="button orange addcar">加入餐桌</a>
								</div>
							</div>
							<div class="cell">
								<div class="box">
									<img src="/resources/flycart/images/lengmian.jpg" class="img" width="200" height="200">
									<span>朝鲜大冷面</span><span>¥19.90</span>
									<a href="#" class="button orange addcar">加入餐桌</a>
								</div>
							</div>

							<div class="cell">
								<div class="box">
									<img src="/resources/flycart/images/nnb.jpg" class="img" width="200" height="200">
									<span>牛腩煲</span><span>¥79.90</span>
									<a href="#" class="button orange addcar">加入餐桌</a>
								</div>
							</div>
							<div class="cell">
								<div class="box">
									<img src="/resources/flycart/images/kjc.jpg" class="img" width="200" height="200">
									<span>烤韭菜（一手）</span><span>¥4.90</span>
									<a href="#" class="button orange addcar">加入餐桌</a>
								</div>
							</div>
							<div class="cell">
								<div class="box">
									<img src="/resources/flycart/images/lengmian.jpg" class="img" width="200" height="200">
									<span>烤牛肉串（一手）</span><span>¥9.90</span>
									<a href="#" class="button orange addcar">加入餐桌</a>
								</div>
							</div>
						</div>
						<!-- 点菜单 end -->
					</div><!-- /dummy-grid -->
				</div>
			</section> 
		</div><!-- /container -->
		<script src="/resources/macbook/js/classie.js"></script>
		<script type="text/javascript">
			(function() {
				[].slice.call( document.querySelectorAll( '.checkout' ) ).forEach( function( el ) {
					var openCtrl = el.querySelector( '.checkout__button' ),
						closeCtrls = el.querySelectorAll( '.checkout__cancel' );

					openCtrl.addEventListener( 'click', function(ev) {
						ev.preventDefault();
						classie.add( el, 'checkout--active' );
					} );

					[].slice.call( closeCtrls ).forEach( function( ctrl ) {
						ctrl.addEventListener( 'click', function() {
							classie.remove( el, 'checkout--active' );
						} );
					} );
				} );
			})();

			$(function () {
				flyToCart();
				var url = host + "/clDishesList";
				var params = {};
				$.post(url, params, function (result) {
					console.log(result);
				});
			});
		</script>
	</body>
</html>
